<template>
    <div class="line-view">
        <div class="under-line"></div>
    </div>
</template>

<script>
    export default {
        props: {
        },
    };
</script>
<style lang="less" scoped>
    .line-view {
        width: 100%;
        border-bottom: 2px solid #237493;
        margin-bottom: 15px;
        position: relative;
        .under-line {
            position: absolute;
            left: 0; bottom: 0;
            &:after,&:before {
                content: " ";
                width: 14px;
                height: 2px;
                background-color: #40E2FE;
                position: absolute;
                left: 0;
                bottom: -1px;

            }
            &:before {
                left: 20px;
            }
        }
    }
</style>
